<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小小米</title>

    <!-- 1. bootstrap.css/bootstrap.min.css -->
    <!-- <link rel="stylesheet" href="./plugins/bootstrap/css/bootstrap.css"> -->

    <link rel="stylesheet" href="/dev/css/style.css">
    <link rel="stylesheet" href="/dev/icont/iconfont.css">
    <script src="/dev/js/index.js"></script>



</head>
<body>
    <!-- 头部 -->
    <header id="header">
        <!-- 顶部导航栏start -->
        <div class="site-topbar">
            <div class="container">
                <!-- 导航栏 -->
                <nav class="topbar-nav">
                    <a href="index.html">小小米</a>
                    <span class="sep">|</span>
					<a href="#">loT</a>
					<span class="sep">|</span>
					<a href="#">MIUI</a>
					<span class="sep">|</span>
					<a href="#">云服务</a>
                    <span class="sep">|</span>
                    <a href="#" id="J_siteDownloadApp">
                        下载app
                        <span class="appcode">
                            <img src="/dev/imgs/header/download.png" alt="小小米商城" width="90" height="90">
                            小小米商城APP
                        </span>
                    </a>
                    <span class="sep">|</span>
					<a href="#">Select Location</a>
                </nav>
                <!-- 购物车 -->
				<div id="shoppingCar" class="topbar-cart">
					<a href="shopping.html">
						<em></em>
						购物车
						<span>（0）</span>
					</a>
					<div class="cart-menu">
							购物车中还没有商品，赶紧选购吧！
					</div>
                </div>
                <!-- 登录注册 -->
				<div id="J_siteInfo" class="topbar-info">
					<a href="/dev/view/user/login.html">登录</a>
					<span class="sep">|</span>
					<a href="/dev/view/user/register.html">注册</a>
					<span class="sep">|</span>
					<a href="#">消息通知</a>
                </div>
                <div id="J_siteUserInfo" class="topbar-info">
                    <span class="user">
                        <a class="user-name" href="#">
                            <span class="name">用户</span>
                            <i class="iconfont-arrow-down-mini">↓</i>
                        </a>
                        <div id="J_userMenuWrapper" class="user-menu-wrapper">
                            <ul class="user-menu">
                                <li><a href="#">个人中心</a></li>
                                <li><a href="#">评价晒单</a></li>
                                <li><a href="#">我的喜欢</a></li>
                                <li><a href="#">小米账户</a></li>
                                <li><a id="J_userLogout" href="#">退出登录</a></li>
                            </ul>
                        </div>
                    </span>
                    <span class="sep">|</span>
                    <a href="#">消息通知</a>
                    <span class="sep">|</span>
                    <a href="#">我的订单</a>
                </div>
            </div>
        </div>
        <!-- 顶部导航栏end -->
        <!-- 头部导航栏start -->
        <div class="site-header">
            <div class="container myclear">
                <!-- 小小米logo -->
                <div class="header-logo">
                    <ul class="myclear">
                        <li><a href="index.html"></a></li>
                        <li></li>
                    </ul>
                </div>
                <!-- 导航栏 -->
                <nav class="header-nav myclear">
                    <ul id="J_childrenList">
                        <li class="nav-item">
                            <a href="#">Xiaomi手机</a>
                            <div class="item-children">
                                <div class="container">
                                    <ul class="children-list myclear">
                                        <li>
                                            <a href="#">
                                                <div class="list-image">
                                                    <img src="/dev/imgs/header/Xiaomi15%20Ultra.webp" width="160" height="110" alt="X米">
                                                </div>
                                                <div class="title">Xiaomi15 Ultra</div>
                                                <p class="price">6499元起</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="list-image">
                                                    <img src="/dev/imgs/header/Xiaomi15%20Ultra.webp" width="160" height="110" alt="X米">
                                                </div>
                                                <div class="title">Xiaomi15 Ultra</div>
                                                <p class="price">6499元起</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="list-image">
                                                    <img src="/dev/imgs/header/Xiaomi15%20Ultra.webp" width="160" height="110" alt="X米">
                                                </div>
                                                <div class="title">Xiaomi15 Ultra</div>
                                                <p class="price">6499元起</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="list-image">
                                                    <img src="/dev/imgs/header/Xiaomi15%20Ultra.webp" width="160" height="110" alt="X米">
                                                </div>
                                                <div class="title">Xiaomi15 Ultra</div>
                                                <p class="price">6499元起</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="list-image">
                                                    <img src="/dev/imgs/header/Xiaomi15%20Ultra.webp" width="160" height="110" alt="X米">
                                                </div>
                                                <div class="title">Xiaomi15 Ultra</div>
                                                <p class="price">6499元起</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="list-image">
                                                    <img src="/dev/imgs/header/Xiaomi15%20Ultra.webp" width="160" height="110" alt="X米">
                                                </div>
                                                <div class="title">Xiaomi15 Ultra</div>
                                                <p class="price">6499元起</p>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="nav-item">
                            <a href="#">REDMI手机</a>
                            <div class="item-children">
                                <div class="container">
                                    <ul class="children-list myclear">
                                        <li>
                                            <a href="#">
                                                <div class="list-image">
                                                    <img src="/dev/imgs/header/REDMI%20Turbo%204.webp" width="160" height="110" alt="X米">
                                                </div>
                                                <div class="title">REDMI Turbo 4</div>
                                                <p class="price">1999元起</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="list-image">
                                                    <img src="/dev/imgs/header/REDMI%20Turbo%204.webp" width="160" height="110" alt="X米">
                                                </div>
                                                <div class="title">REDMI Turbo 4</div>
                                                <p class="price">1999元起</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="list-image">
                                                    <img src="/dev/imgs/header/REDMI%20Turbo%204.webp" width="160" height="110" alt="X米">
                                                </div>
                                                <div class="title">REDMI Turbo 4</div>
                                                <p class="price">1999元起</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="list-image">
                                                    <img src="/dev/imgs/header/REDMI%20Turbo%204.webp" width="160" height="110" alt="X米">
                                                </div>
                                                <div class="title">REDMI Turbo 4</div>
                                                <p class="price">1999元起</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="list-image">
                                                    <img src="/dev/imgs/header/REDMI%20Turbo%204.webp" width="160" height="110" alt="X米">
                                                </div>
                                                <div class="title">REDMI Turbo 4</div>
                                                <p class="price">1999元起</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="list-image">
                                                    <img src="/dev/imgs/header/REDMI%20Turbo%204.webp" width="160" height="110" alt="X米">
                                                </div>
                                                <div class="title">REDMI Turbo 4</div>
                                                <p class="price">1999元起</p>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="nav-item">
                            <a href="#">电视</a>
                            <div class="item-children">
                                <div class="container">
                                    <ul class="children-list myclear">
                                        <li>
                                            <a href="#">
                                                <div class="list-image">
                                                    <img src="/dev/imgs/header/TopTV.webp" width="160" height="110" alt="X米">
                                                </div>
                                                <div class="title">小米电视S Pro Mini LED系列</div>
                                                <p class="price">4999元</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="list-image">
                                                    <img src="/dev/imgs/header/TopTV.webp" width="160" height="110" alt="X米">
                                                </div>
                                                <div class="title">小米电视S Pro Mini LED系列</div>
                                                <p class="price">4999元</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="list-image">
                                                    <img src="/dev/imgs/header/TopTV.webp" width="160" height="110" alt="X米">
                                                </div>
                                                <div class="title">小米电视S Pro Mini LED系列</div>
                                                <p class="price">4999元</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="list-image">
                                                    <img src="/dev/imgs/header/TopTV.webp" width="160" height="110" alt="X米">
                                                </div>
                                                <div class="title">小米电视S Pro Mini LED系列</div>
                                                <p class="price">4999元</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="list-image">
                                                    <img src="/dev/imgs/header/TopTV.webp" width="160" height="110" alt="X米">
                                                </div>
                                                <div class="title">小米电视S Pro Mini LED系列</div>
                                                <p class="price">4999元</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="list-image">
                                                    <img src="/dev/imgs/header/TopTV.webp" width="160" height="110" alt="X米">
                                                </div>
                                                <div class="title">小米电视S Pro Mini LED系列</div>
                                                <p class="price">4999元</p>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="nav-item">
                            <a href="#">笔记本</a>
                            <div class="item-children">
                                <div class="container">
                                    <ul class="children-list myclear">
                                        <li>
                                            <a href="#">
                                                <div class="list-image">
                                                    <img src="/dev/imgs/header/REDMI%20Book%20Pro%2016%202025.webp" width="160" height="110" alt="X米">
                                                </div>
                                                <div class="title">REDMI Book Pro 16 2025</div>
                                                <p class="price">6499元起</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="list-image">
                                                    <img src="/dev/imgs/header/REDMI%20Book%20Pro%2016%202025.webp" width="160" height="110" alt="X米">
                                                </div>
                                                <div class="title">REDMI Book Pro 16 2025</div>
                                                <p class="price">6499元起</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="list-image">
                                                    <img src="/dev/imgs/header/REDMI%20Book%20Pro%2016%202025.webp" width="160" height="110" alt="X米">
                                                </div>
                                                <div class="title">REDMI Book Pro 16 2025</div>
                                                <p class="price">6499元起</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="list-image">
                                                    <img src="/dev/imgs/header/REDMI%20Book%20Pro%2016%202025.webp" width="160" height="110" alt="X米">
                                                </div>
                                                <div class="title">REDMI Book Pro 16 2025</div>
                                                <p class="price">6499元起</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="list-image">
                                                    <img src="/dev/imgs/header/REDMI%20Book%20Pro%2016%202025.webp" width="160" height="110" alt="X米">
                                                </div>
                                                <div class="title">REDMI Book Pro 16 2025</div>
                                                <p class="price">6499元起</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="list-image">
                                                    <img src="/dev/imgs/header/REDMI%20Book%20Pro%2016%202025.webp" width="160" height="110" alt="X米">
                                                </div>
                                                <div class="title">REDMI Book Pro 16 2025</div>
                                                <p class="price">6499元起</p>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                    </ul>
                </nav>
                <!-- 搜索 -->
                <div class="myclear header-search ">
                    <input id="search" class="search-text" type="text"/>
                    <span class="search-btn"></span>
                    <div class="search-hot-words">
                        <a href="#">X米10 Pro 5G</a>
                        <a href="#">Redmi Note 9</a>
                    </div>
                    <div id="J_keywordList" class="keyword-list">
                        <ul class="result-list">
                            <li><a href="#">X米 10</a></li>
                            <li><a href="#">Redmi K30 pro</a></li>
                            <li><a href="#">Redmi K30</a></li>
                            <li><a href="#">Redmi Note 7 Pro</a></li>
                            <li><a href="#">Redmi note 7</a></li>
                            <li><a href="#">X米电视4c</a></li>
                            <li><a href="#">电视32英寸</a></li>
                            <li><a href="#">笔记本pro</a></li>
                            <li><a href="#">小爱音箱</a></li>
                            <li><a href="#">净水器</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- 主体 -->
    <section>
        <!-- home-top-container start -->
		<header class="home-container">
            <div class="container">
                <div id="J_homeTop" class="container-top">
                    <ul id="J_goodsList" class="goods-list">
                        <li class="category-li">
                            <a class="title" href="#">
                                手机 电话卡
                                <span class="iconfont icon-xiangyou"></span>
                            </a>
                            <div class="children">
                                <ul class="children-list myclear">
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category1.webp">
                                            <span class="text">X米手机 5G</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category1.webp">
                                            <span class="text">X米手机 5G</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category1.webp">
                                            <span class="text">X米手机 5G</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category1.webp">
                                            <span class="text">X米手机 5G</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category1.webp">
                                            <span class="text">X米手机 5G</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category1.webp">
                                            <span class="text">X米手机 5G</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category1.webp">
                                            <span class="text">X米手机 5G</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category1.webp">
                                            <span class="text">X米手机 5G</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category1.webp">
                                            <span class="text">X米手机 5G</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category1.webp">
                                            <span class="text">X米手机 5G</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category1.webp">
                                            <span class="text">X米手机 5G</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category1.webp">
                                            <span class="text">X米手机 5G</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category1.webp">
                                            <span class="text">X米手机 5G</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category1.webp">
                                            <span class="text">X米手机 5G</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category1.webp">
                                            <span class="text">X米手机 5G</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category1.webp">
                                            <span class="text">X米手机 5G</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category1.webp">
                                            <span class="text">X米手机 5G</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category1.webp">
                                            <span class="text">X米手机 5G</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category1.webp">
                                            <span class="text">X米手机 5G</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category1.webp">
                                            <span class="text">X米手机 5G</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category1.webp">
                                            <span class="text">X米手机 5G</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category1.webp">
                                            <span class="text">X米手机 5G</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category1.webp">
                                            <span class="text">X米手机 5G</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category1.webp">
                                            <span class="text">X米手机 5G</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="category-li">
                            <a class="title" href="#">
                                电视 盒子
                                <span class="iconfont icon-xiangyou"></span>
                            </a>
                            <div class="children">
                                <ul class="children-list myclear">
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category2.webp">
                                            <span class="text">X米电视5 55英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category2.webp">
                                            <span class="text">X米电视5 55英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category2.webp">
                                            <span class="text">X米电视5 55英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category2.webp">
                                            <span class="text">X米电视5 55英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category2.webp">
                                            <span class="text">X米电视5 55英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category2.webp">
                                            <span class="text">X米电视5 55英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category2.webp">
                                            <span class="text">X米电视5 55英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category2.webp">
                                            <span class="text">X米电视5 55英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category2.webp">
                                            <span class="text">X米电视5 55英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category2.webp">
                                            <span class="text">X米电视5 55英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category2.webp">
                                            <span class="text">X米电视5 55英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category2.webp">
                                            <span class="text">X米电视5 55英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category2.webp">
                                            <span class="text">X米电视5 55英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category2.webp">
                                            <span class="text">X米电视5 55英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category2.webp">
                                            <span class="text">X米电视5 55英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category2.webp">
                                            <span class="text">X米电视5 55英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category2.webp">
                                            <span class="text">X米电视5 55英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category2.webp">
                                            <span class="text">X米电视5 55英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category2.webp">
                                            <span class="text">X米电视5 55英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category2.webp">
                                            <span class="text">X米电视5 55英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category2.webp">
                                            <span class="text">X米电视5 55英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category2.webp">
                                            <span class="text">X米电视5 55英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category2.webp">
                                            <span class="text">X米电视5 55英寸</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category2.webp">
                                            <span class="text">X米电视5 55英寸</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="category-li">
                            <a class="title" href="#">
                                笔记本 显示器 平板
                                <span class="iconfont icon-xiangyou"></span>
                            </a>
                            <div class="children">
                                <ul class="children-list myclear">
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category3.webp">
                                            <span class="text">RedmiBook 13</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category3.webp">
                                            <span class="text">RedmiBook 13</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category3.webp">
                                            <span class="text">RedmiBook 13</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category3.webp">
                                            <span class="text">RedmiBook 13</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category3.webp">
                                            <span class="text">RedmiBook 13</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category3.webp">
                                            <span class="text">RedmiBook 13</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category3.webp">
                                            <span class="text">RedmiBook 13</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category3.webp">
                                            <span class="text">RedmiBook 13</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category3.webp">
                                            <span class="text">RedmiBook 13</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category3.webp">
                                            <span class="text">RedmiBook 13</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category3.webp">
                                            <span class="text">RedmiBook 13</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category3.webp">
                                            <span class="text">RedmiBook 13</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category3.webp">
                                            <span class="text">RedmiBook 13</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category3.webp">
                                            <span class="text">RedmiBook 13</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category3.webp">
                                            <span class="text">RedmiBook 13</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category3.webp">
                                            <span class="text">RedmiBook 13</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category3.webp">
                                            <span class="text">RedmiBook 13</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category3.webp">
                                            <span class="text">RedmiBook 13</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category3.webp">
                                            <span class="text">RedmiBook 13</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category3.webp">
                                            <span class="text">RedmiBook 13</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category3.webp">
                                            <span class="text">RedmiBook 13</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category3.webp">
                                            <span class="text">RedmiBook 13</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category3.webp">
                                            <span class="text">RedmiBook 13</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="link myclear" href="#">
                                            <img src="/dev/imgs/section/header/category3.webp">
                                            <span class="text">RedmiBook 13</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                    <ul class="banner-list myclear">
                        <li>
                            <a href="#">
                                <img src="/dev/imgs/section/header/top1.jpg">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="/dev/imgs/section/header/top2.webp">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="/dev/imgs/section/header/top3.webp">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="/dev/imgs/section/header/top4.webp">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="/dev/imgs/section/header/top5.webp">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="/dev/imgs/section/header/top6.webp">
                            </a>
                        </li>
                    </ul>
                    <ul class="banner-pagination myclear">
                        <li class="active"></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <div class="banner-button-prev"></div>
                    <div class="banner-button-next"></div>
                </div>
                <div class="homeBottom">
                    <div class="homeBottom-list">
                        <div><a href="#"><img src="/dev/imgs/section/header/m1.png" alt="小米闪购">小米闪购</a></div>
                        <div><a href="#"><img src="/dev/imgs/section/header/m2.png" alt="企业团购">企业团购</a></div>
                        <div><a href="#"><img src="/dev/imgs/section/header/m3.png" alt="F码通道">F码通道</a></div>
                        <div><a href="#"><img src="/dev/imgs/section/header/m4.png" alt="米粉卡">米饭卡</a></div>
                        <div><a href="#"><img src="/dev/imgs/section/header/m5.png" alt="以旧换新">以旧换新</a></div>
                        <div><a href="#"><img src="/dev/imgs/section/header/m6.png" alt="话费充值">话费充值</a></div>
                    </div>
                    <ul class="homeBottom-img myclear">
                        <li><a href=""><img src="/dev/imgs/section/header/header1.png" alt=""></a></li>
                        <li><a href=""><img src="/dev/imgs/section/header/header2.png" alt=""></a></li>
                        <li><a href=""><img src="/dev/imgs/section/header/header3.png" alt=""></a></li>
                    </ul>
                </div>
            </div>
        </header>
        <!-- home-container end -->
        <!-- 主体内容的分页部分start -->
        <div class="page-main">
            <div class="container">
                <!-- 手机 -->
                <div class="main main-iphon">
                    <div class="box-hd">
                        <h2>手机</h2>
                        <div class="more2">
                            <a class="more-link" href="#">查看全部<span class="iconfont icon-xiangyou1"></span></a>
                        </div>
                    </div>
                    <div class="box-content myclear">
                        <div class="left">
                            <ul>
                                <li class="brick-item"><a href="#"><img src="/dev/imgs/section/mian2/main2_1left.webp" alt=""></a></li>
                            </ul>
                        </div>
                        <div class="right" style="display: block;">
                            <ul class="myclear">
                                <li class="brick-item brick-item-m">
                                    <a href="#">
                                        <div class="figure-img"><img src="/dev/imgs/section/mian2/main2_1right1.webp" alt=""></div>
                                        <h3 class="title">Xiaomi 15 Ultra</h3>
                                        <p class="desc"> 徕卡1英寸主摄 | 徕卡2亿超级长焦 | 徕卡超纯光学系统 | 骁龙8至尊版移动平台 | 6000mAh 小米金沙江电池 | 小米澎湃OS 2</p>
                                        <p class="price">6499元起</p>
                                    </a>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <a href="#">
                                        <div class="figure-img"><img src="/dev/imgs/section/mian2/main2_1right2.webp" alt=""></div>
                                        <h3 class="title">REDMI Turbo 4</h3>
                                        <p class="desc">REDMI Turbo 4 好看又能打</p>
                                        <p class="price">1999元起</p>
                                    </a>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <a href="#">
                                        <div class="figure-img"><img src="/dev/imgs/section/mian2/main2_1right3.webp" alt=""></div>
                                        <h3 class="title">Redmi 14C</h3>
                                        <p class="desc">【持久续航】5160mAh 大电池</p>
                                        <p class="price">499元起</p>
                                    </a>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <a href="#">
                                        <div class="figure-img"><img src="/dev/imgs/section/mian2/main2_1right4.webp" alt=""></div>
                                        <h3 class="title">REDMI K80 Pro</h3>
                                        <p class="desc">骁龙8至尊版|2K新国屏|全焦段影像</p>
                                        <p class="price">3699元起</p>
                                    </a>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <a href="#">
                                        <div class="figure-img"><img src="/dev/imgs/section/mian2/main2_1right5.webp" alt=""></div>
                                        <h3 class="title">REDMI K80</h3>
                                        <p class="desc">第三代骁龙8|2K新国屏|6550mAh 超长续航</p>
                                        <p class="price">2499元起</p>
                                    </a>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <a href="#">
                                        <div class="figure-img"><img src="/dev/imgs/section/mian2/main2_1right6.webp" alt=""></div>
                                        <h3 class="title">Xiaomi 15</h3>
                                        <p class="desc"> 徕卡光学 Summilux 高速镜头｜ 骁龙®8至尊版移动平台｜6100mAh 小米金沙江电池｜小米澎湃OS 2</p>
                                        <p class="price">4499元起</p>
                                    </a>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <a href="#">
                                        <div class="figure-img"><img src="/dev/imgs/section/mian2/main2_1right7.webp" alt=""></div>
                                        <h3 class="title">Xiaomi 15 Pro</h3>
                                        <p class="desc">徕卡光学 Summilux 高速镜头｜ 骁龙®8至尊版移动平台｜6100mAh 小米金沙江电池｜小米澎湃OS 2</p>
                                        <p class="price">5299元起</p>
                                    </a>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <a href="#">
                                        <div class="figure-img"><img src="/dev/imgs/section/mian2/main2_1right8.webp" alt=""></div>
                                        <h3 class="title">Xiaomi 15 定制版</h3>
                                        <p class="desc">徕卡光学 Summilux 高速镜头｜ 骁龙®8至尊版移动平台｜6100mAh 小米金沙江电池｜小米澎湃OS 2</p>
                                        <p class="price">4999元起</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="home-banner-box"><a href="#"><img src="/dev/imgs/section/mian3/test.webp" alt=""></a></div>
            </div>
        </div>
        <!-- 主体内容的分页部分end -->
        <!-- 主体内容的分页部分end -->
    </section>
    <!-- 页脚 -->
	<footer>
        <div class="site-footer">
            <div class="container">
                <div class="footer-service">
                    <ul class="list-service myclear">
                        <li><a href="#"><span class="iconfont icon-weixiu"></span>预约维修服务</a></li>
                        <li><a href="#"><span class="iconfont icon-7tianwuliyoutuihuo
                            "></span>7天无理由退货</a></li>
                        <li><a href="#"><span class="iconfont icon-15tianbaotui01
                            "></span>15天免费换货</a></li>
                        <li><a href="#"><span class="iconfont icon-quanchangbaoyou"></span>满99元包邮</a></li>
                        <li><a href="#"><span class="iconfont icon-shouhou-"></span>520余家售后网点</a></li>
                    </ul>
                </div>
                <table>
                    <tr>
                        <th>帮助中心</th>
                        <th>服务支持</th>
                        <th>线下门店</th>
                        <th>关于X米</th>
                        <th>关注我们</th>
                        <th>特色服务</th>
                    </tr>
                    <tr>
                        <td>账户管理</td>
                        <td>售后政策</td>
                        <td>小米之家</td>
                        <td>了解小米</td>
                        <td>新浪微博</td>
                        <td>F 码通道</td>
                    </tr>
                    <tr>
                        <td>购物指南</td>
                        <td>自助服务</td>
                        <td>服务网点</td>
                        <td>加入小米</td>
                        <td>官方微信</td>
                        <td>礼物码</td>
                    </tr>
                    <tr>
                        <td>订单操作</td>
                        <td>相关下载</td>
                        <td>授权体验店</td>
                        <td>投资者关系</td>
                        <td>联系我们</td>
                        <td>防伪查询</td>
                    </tr>
                </table>
                <div class="footer-contact">
                    <p class="phone">950816</p>
                    <p>8:00-18:00（仅收市话费）</p>
                    <a class="contact-rengong">
                        <span class="iconfont icon-shouhou-"></span>
                        人工客服
                    </a>
                </div>
            </div>
        </div>
        <div class="slogan">让全球每个人都能享受科技带来的美好生活</div>
        <!-- 固定 -->
        <div class="div_home">
            <a href="#"><span class="iconfont icon-ico"></span><span class="footer-word">米码</span></a>
            <a href="#"><span class="iconfont icon-gerenzhongxin"></span><span class="footer-word">个人中心</span></a>
            <a href="#"><span class="iconfont icon-weixiu icon-gerenzhongxin"></span><span class="footer-word">售后服务</span></a>
            <a href="#"><span class="iconfont icon-shouhou-"></span><span class="footer-word">个人服务</span></a>
            <a href="#"><span class="iconfont icon-icon4"></span><span class="footer-word">购物车（0）</span></a>
            <a href="#top"><span class="iconfont icon-huidaodingbu"></span><span class="footer-word">回到顶部</span></a>
        </div>
    </footer>
    <!-- jquery.min.js文件 - jquery本身是js的框架. bootstrap依赖于jquery框架 -->
    <script src="/dev/plugins/jquery/jquery.min.js"></script>
    <!-- bootstrap.js/bootstrap.min.js -->
    <script src="/dev/plugins/bootstrap/js/bootstrap.js"></script>
</body>
</html>